@charset "utf-8";

.indext span{text-transform:uppercase;}
.indext p{margin:15px 0 30px;font-size:16px;}
.sectiona{padding-top:50px;padding-bottom:60px;}
.sectiona .box{overflow:hidden;}
.sectiona ul{margin-right:-15px;}
.sectiona li{margin-right:15px;}
.sectiona li a{background:url(../images/img01.jpg) center top no-repeat;}
.sectiona li a.a0{}
.sectiona li a.a1{background-position:0 -140px;}
.sectiona li a.a2{background-position:0 -280px;}
.sectiona li a.a3{background-position:0 -420px;}
.sectiona li a.a4{background-position:0 -560px;}
.sectiona li a.a5{background-position:0 -700px;}
.sectiona li a{margin-top:15px;}
.sectiona li a:first-child{margin-top:0;}
.sectiona li a span{display:block;width:222px;line-height:140px;color:#fff;background-color:rgba(0,117,193,.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:ease .5s;-webkit-transition:ease .5s;}
.sectiona li a:hover span{background-color:rgba(0,117,193,1);}
.sectiona .mybtn{top:285px;border-top:2px solid #ccc;border-right:2px solid #ccc;width:40px;height:40px;}
.sectiona .mybtn:hover{border-color:#2677b9;}
.sectiona .mybtn-left{left:-15px;transform:rotate(-135deg);}
.sectiona .mybtn-right{right:-15px;transform:rotate(45deg);}
@media(max-width:767px){
	.sectiona li a span{width:160px;line-height:100px;}
}
@media(max-width:479px){
	.sectiona .box{margin:0 auto;max-width:350px;}
}

.sectionb{padding-top:60px;height:645px;background-repeat:no-repeat;background-position:center center;}
.sectionb .mask{top:0;right:0;bottom:0;left:0;background-color:#2677b9;opacity:.85;}
.sectionb .indext p{margin-bottom:40px;}
.sectionb .item{border:1px solid #94aac6;padding:40px 25px;color:#fff;}
.sectionb .item:hover{background-color:rgba(0,0,0,.1);}
.sectionb .item em{display:block;margin:0 auto;border:1px solid #fff;width:108px;height:108px;border-radius:50%;background:url(../images/icon01.png) center center no-repeat;}
.sectionb .item2 em{background-image:url(../images/icon02.png);background-position:25px center;}
.sectionb .item3 em{background-image:url(../images/icon03.png);}
.sectionb .item4 em{background-image:url(../images/icon04.png);}
.sectionb .item:hover em{transform:rotateY(180deg);}
.sectionb .item div{margin:30px 0 20px;}
.sectionb .item p{height:100px;line-height:25px;}
@media(max-width:991px){
	.sectionb .row>div{padding-right:6px;padding-left:6px;}
	.sectionb .item{padding:25px 12px;}
	.sectionb .item p{height:100px;}
}
@media(max-width:767px){
	.sectionb .box{overflow-x:auto;}
	.sectionb .box>.row{width:1120px;}
	.sectionb .box>.row>div{float:left;padding-right:15px;padding-left:15px;width:280px;}
}

.sectionc{padding-bottom:60px;}
.sectionc .box{overflow:hidden;}
.sectionc li{margin-right:21px;width:376px;}
.sectionc li strong{margin:15px 0 12px;}
.sectionc li p{margin-bottom:15px;height:40px;line-height:20px;color:#666;}
.sectionc li span{border-top:1px solid #111;padding:10px 5px 0 2px;color:#666;}
.sectionc li i{font-style:normal;vertical-align:baseline;font-size:large;color:#333;}
.sectionc li a:hover img{transform:scale(1.05);}
.sectionc .more{display:inline-block;margin-top:30px;border:1px solid #bbb;padding:8px 25px;border-radius:20px;}
.sectionc .more:hover{color:#fff;background-color:#256ebf;border-color:#256ebf;}
@media(max-width:768px){
	.sectionc .box{overflow-x:auto;}
	.sectionc li{width:300px;}
}